echarts折线图/柱状图横屏显示时，label数值怎么打横显示？:配置报错

您所在的位置：网站首页 › echarts labelline › echarts折线图/柱状图横屏显示时，label数值怎么打横显示？:配置报错

echarts折线图/柱状图横屏显示时，label数值怎么打横显示？:配置报错

#echarts折线图/柱状图横屏显示时，label数值怎么打横显示？:配置报错 | 来源: 网络整理| 查看: 265

echarts折线图/柱状图横屏显示时，label数值怎么打横显示？:配置报错 2020-05-31 22:09:05 464 1

用户昵称 +关注

@Kener-林峰 echarts折线图/柱状图横屏显示时，红色框部分的label文字应该怎么旋转90度显示，就跟x轴上的数值一样，打横显示，跪求解决方案，api已经看过，针对柱状图/折线图给series里itemStyle中的label设置rotate:90无效。

//横向折线图 var optionX = { tooltip:{ show:true }, grid: { x: '5%', x2: '5%', y: '8%', y2: '5%', containLabel: true }, legend:{ data:['今年','去年'], x: '30px', y: 'bottom' }, xAxis:[{ type:'value', show:true, position:'top', axisLabel:{ show: true, rotate:-90, formatter:'{value}', textStyle :{ fontSize : '22px', fontFamily : '微软雅黑' } }, axisLine:{ lineStyle:{ color:'#CDCDCD' } }, min:2300, max:4500, splitNumber:22, splitLine:{ 　　　　 show:true 　　 } }], yAxis:[{ type:'category', show:true, boundaryGap: false, data:["9-1","9-2","9-3","9-4","9-5","9-6","9-7","9-8","9-9","9-10","9-11","9-12","9-13","9-14","9-15"].reverse(), axisLine:{ lineStyle:{ color:'#CDCDCD' } }, axisLabel:{ rotate:-90, show: true, interval:0 }, axisTick: { show:false }, splitLine:{ 　　　　 show:true 　　} }], series:[ { name:'今年', type:'line', symbol:'none', itemStyle:{ normal:{ label : { rotate:-90, show: true, textStyle:{ color:'#FD211E' } }, lineStyle:{ color:'#FD211E' } } }, data:[3000,2600,3800,3400,3300,3700,2800,3200,3040,2850,2950,4500,3200,3100,2900].reverse() },{ name:'去年', type:'line', symbol:'none', itemStyle:{ normal:{ label : { rotate:-90, show: true, textStyle:{ color:'#1790FE' } }, lineStyle:{ color:'#1790FE' } } }, data:[3000,2900,2780,2660,2500,3250,3900,2300,3100,2860,2900,3700,4500,3200,3100].reverse() }] };

JavaScript API echarts折线图显示label echarts横屏显示label echarts折线图label 折线图横屏显示label报错 echarts折线图label报错开发者社区 > 开发与运维 > 问答

【本文地址】

echarts折线图/柱状图横屏显示时，label数值怎么打横显示？:配置报错

echarts折线图/柱状图横屏显示时，label数值怎么打横显示？:配置报错

今日新闻

推荐新闻